<!doctype html>
<html lang="en">
  <head>
    <title>Six Degrees of Wikipedia</title>

    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
    <meta
      name="keywords"
      content="Wikipeda, six degrees of separation, shortest path, game, algorithm, links"
    />
    <meta
      name="description"
      content="Find the shortest hyperlinked paths between any two pages on Wikipedia."
    />
    <meta name="author" content="Jacob Wenger" />

    <meta name="theme-color" content="#68ceff" />

    <link rel="manifest" href="/manifest.json" />

    <!-- Favicons -->
    <link rel="shortcut icon" type="image/png" href="/favicon-16x16.png" sizes="16x16" />
    <link rel="shortcut icon" type="image/png" href="/favicon-32x32.png" sizes="32x32" />
    <link rel="shortcut icon" type="image/png" href="/favicon-96x96.png" sizes="96x96" />

    <!-- iOS home screen icon -->
    <link rel="apple-touch-icon" href="/apple-touch-icon-180x180.png" sizes="180x180" />

    <!-- Open Graph -->
    <meta property="og:type" content="website" />
    <meta property="og:title" content="Six Degrees of Wikipedia" />
    <meta
      property="og:description"
      content="Find the shortest hyperlinked paths between any two pages on Wikipedia."
    />
    <meta property="og:url" content="https://www.sixdegreesofwikipedia.com/" />
    <!-- TODO: Confirm this works in prod. -->
    <meta property="og:image" content="https://sixdegreesofwikipedia.com/sdowSquareLogo.png" />
    <meta property="og:image:width" content="700" />
    <meta property="og:image:height" content="700" />
    <meta property="og:image:alt" content="Six Degrees of Wikipedia Logo" />

    <!-- Twitter -->
    <meta name="twitter:card" value="summary" />
    <meta name="twitter:creator" value="@_jwngr" />
    <meta name="twitter:title" content="Six Degrees of Wikipedia" />
    <meta
      name="twitter:description"
      content="Find the shortest hyperlinked paths between any two pages on Wikipedia."
    />
    <meta name="twitter:image:src" content="https://sixdegreesofwikipedia.com/sdowSquareLogo.png" />
    <meta name="twitter:image:alt" content="Six Degrees of Wikipedia Logo" />

    <!-- Firebase / Google Analytics. -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-GB2H4X9YPX"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag() {
        dataLayer.push(arguments);
      }
      gtag('js', new Date());
      gtag('config', 'G-GB2H4X9YPX');
    </script>
  </head>

  <body>
    <noscript>
      <style>
        body {
          text-align: center;
          background-color: #35abf1;
        }
      </style>
      <h1>Six Degrees of Wikipedia</h1>
      <p>Sorry internet hipster, this little side project requires JavaScript.</p>
    </noscript>

    <div id="root"></div>
    <script type="module" src="/src/index.tsx"></script>
  </body>
</html>
